@import './../../assets/variables.less';

.header {
	.u-breadcrumb {
		margin: 0;
		float: left;
		background: transparent;
		li {
			a {
				color: #4A4A4A;
				font-size: 12px;
			}
		}
	}
	.header__create--context {
		float: right;
		margin: 8px 30px 17px;
		span {
			font-size: 12px;
			color: #9B9B9B ;
			margin-left: 20px;
		}
	}
}
.content {
	background: #fff;
	.content-header {
		padding: 10px 20px;
		border-bottom: 1px solid #ccc;
		h6 {
			float: left;
			margin: 0;
			font-size: 14px;
			font-weight: normal;
			margin-top: 8px;
		}
		.header__btn {
			float: right;
			button {
				width: 140px;
				height: 34px;
				margin-left: 20px;
				font-size: 14px;
			}
			.cancel-btn {
				width: 120px;
				border: 1px solid #1e88e5;
				background: #fff;
				color: #1e88e5;
			}
		}
	}
	.content-select {
		padding: 40px 22px 20px;
		.default__project--item {
			float: left;
			margin-right: 15px;
			.u-form-control {
				width: 200px;
				height: 45px;
				font-size: 14px;
			}
			.name {
				font-size: 14px;
			    vertical-align: -webkit-baseline-middle;
    			display: inline-block;
    			margin-right: 5px;
			}
			.danger-border {
				border: 1px solid #D0021B;
			}
		}
		.project-name {
			float: left;
			margin-right: 15px;
			display: flex;
			align-items: center;
			.u-form-control {
				width: 200px;
				height: 45px;
				font-size: 14px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.name {
				font-size: 14px;
			    vertical-align: middle;
    			display: inline-block;
			}
		}
		.import-project {
			width: 184px;
			height: 45px;
			float: left;
			.u-select {
				.u-select-selection {
					height: 45px;
					.u-select-selection__placeholder {
						line-height: 27px;
					    font-size: 14px;
					    color: #000;
					    text-align: center;
					}
				}
				.u-select-selection-selected-value {
				    text-align: center;
				    width: 100%;
				    line-height: 45px;
				    font-size: 14px;
				    color: #000;
				}
			}
		}
	}
	.content-table {
		padding: 20px;
		.u-table {
			overflow: inherit;
			border: 1px solid #DDDEE1;
			border-bottom: none;
			.u-table-content {
				.u-table-thead {
					tr {
						th {
							border-bottom: 1px solid #DDDEE1;
							padding: 12px 14px;
							background: #F3F3F3;
							color: #4A4A4A ;
							font-size: 12px;
						}
					}
				}
				.u-table-tbody {
					tr {
						td {
							position: relative;
							border-bottom: 1px solid #E0E0E0;
						    padding: 12px 30px 12px 14px;
						    font-size: 12px;
							a {
								color: #5D5D5D;
								display: inline-block;
								position: relative;
								&:active {
									border: none;
								}
							}
							.sname-container {
								i {
									float: left;
								    margin-left: 10px;
								    margin-top: 5px;
								    font-style: normal
								}
								.u-form-control {
									float: left;
									margin-left: 20px;
								    width: 70%;

								}
							}
							.u-table-row-indent {
								padding-left:0 !important;
							}
							.u-table-row-expand-icon {
								position: absolute;
								left: 0;
								top: 22px;
							}
							.u-form-control {
								border: none;
								border-radius: 0;
								font-size: 12px;
							}
							.u-form-control:focus {
					            border: none;
								border-bottom: 1px solid #2C7EDC;
								background: #fff;
					        }
					        .danger {
					        	border: 1px solid red;
					        }
							.input-danger {
								border: none;
								border-bottom: 1px solid red;
							}
							.uf-calendar {
								display: none;
							}
							.uf-check-s-2, .uf-caven {
							    color: #e1e1e1;
							}
							.creact-group {
								a {
									color: #2C7EDC;
									.uf-triangle-down {
										font-size: 12px;
									}
									.create-btn {
									    background: #fff;
    									border: 1px solid #CFCFCF;
    									position: absolute;
									    left: -59px;
		    							top: 23px;
		    							z-index: 999;
										li {
											a {
												width: 120px;
												height: 40px;
											    text-align: center;
    											line-height: 40px;
    											color: #000;
    											&:hover {
    												background: #0092FF;
    											}
											}
										}
									}
								}
								.line {
									padding: 0 10px 0 5px;
								}
							}
						}
					}
				}
			}
		}
	}
}

.u-select-dropdown {
	.u-select-dropdown-menu-item {
		text-align: center;
	    color: #000;
	    font-size: 14px;
	    .u-upload {
	    	display: block;
	    	span {
	    		display: block;
	    	}
	    }
	}
}

.u-modal-dialog {
	.u-modal-content {
		.u-modal-body {
			.manager-content {
				width: 100%;
				min-height: 450px;
				.u-autocomplete {
					width: 330px !important;
					height: 40px;
			        margin-left: 36px;
					input {
						width: 330px !important;
						height: 40px;
					}
					ul {
						width: 100%;
						top: 67px;
						li {
							width: 100%;
						}
					}
				}
			}
		}
	}
}

.u-modal-lg {
	.u-modal-header {
		border-bottom: 1px solid #ccc;
		h4 {
			font-weight: normal;
			font-size: 12px;
		}
	}
	.u-modal-body {
		text-align: left !important;
		padding: 15px 60px;
		min-height: 300px;
	}
}

.large-btn {
	width: 340px;
	height: 34px;
	font-size: 14px;
}

// 控制modal透明度
.u-modal.fade {
    opacity: 1;
}

.u-modal.in {
    .u-modal-dialog {
    	top: 25%;
    }
}

.modal-confirm {
	margin-top: 0;
}

.plan-table-text-center {
	text-align: center!important;
}
.u-tree{
	position: relative;
	height: 300px;
	overflow-y: auto;
}

.operate-style {
	min-width: 140px;
}

.depend-style {
	font-size: 16px;
}

// 清除前置计划按钮 hover可见
.choose-style {
	display: inline-block;
}
.close-icon-style {
	display: none;
}
.depend-container:hover {
	.close-icon-style {
		display: inline-block;
	}
}